﻿@{
    ViewBag.Title = "Table";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="row">
    <div class="span12">
    <p>Here is table styled</p>
    
    <div class="row">
        <div class="span12">
   
            <table class="table table-condensed table-hover">
                <thead>
                <tr>
                <th class="span1">Editable<br/>Checkboxes</th>
                <th class="span1">Readonly<br/>Checkboxes</th>
                <th>Project</th>
                <th>Duration</th>
                <th class="span2">Contract Value</th>
                <th class="span2">Budget Cost</th>
                <th class="span2">Cost Variance</th>
                <th>Location</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="align-center">
                        <label class="checkbox">
                            <input type="checkbox"><span class="metro-checkbox"></span>
                        </label>
                    </td>
                    <td class="align-center">
                        <i class="icon-checkmark-2"></i>
                    </td>
                    <td>ACME</td>
                    <td>440 days</td>
                    <td class="span2 align-right">70.570,00&#x20AC;</td>
                    <td class="span2 align-right">70.570,00&#x20AC;</td>
                    <td class="span2 align-right">+3000,00</td>
                    <td>Milano</td>
                </tr>
                <tr>
                    <td>
                        <label class="checkbox">
                            <input type="checkbox"><span class="metro-checkbox"></span>
                        </label>
                    </td>
                    <td class="align-center">
                        <i class="icon-checkmark-2"></i>
                    </td>
                    <td>Surface</td>
                    <td>140 days</td>
                    <td class="span2 align-right">70.570,00&#x20AC;</td>
                    <td class="span2 align-right">70.570,00&#x20AC;</td>
                    <td class="span2 align-right">+3000,00</td>
                    <td>Milano</td>
                </tr>
                <tr>
                    <td>
                        <label class="checkbox">
                            <input type="checkbox"><span class="metro-checkbox"></span>
                        </label>
                    </td>
                    <td class="align-center">
                        <i class="icon-checkmark-2"></i>
                    </td>
                    <td>OSX</td>
                    <td>440 days</td>
                    <td class="span2 align-right">70.570,00&#x20AC;</td>
                    <td class="span2 align-right">70.570,00&#x20AC;</td>
                    <td class="span2 align-right">+3000,00</td>
                    <td>Milano</td>
                </tr>
                <tr>
                    <td>
                        <label class="checkbox">
                            <input type="checkbox"><span class="metro-checkbox"></span>
                        </label>
                    </td>
                    <td class="align-center">
                        <i class="icon-checkmark-2"></i>
                    </td>
                    <td>WinRT</td>
                    <td>1440 days</td>
                    <td class="span2 align-right">170.570,00&#x20AC;</td>
                    <td class="span2 align-right">170.570,00&#x20AC;</td>
                    <td class="span2 align-right">-43000,00</td>
                    <td>Milano</td>
                </tr>
                </tbody>
            </table>
   
        </div>
    </div>
   
    </div>
</div>

